@(person: Form[UserLoginForm])(implicit request: RequestHeader,messagesProvider: MessagesProvider,session:Session)

@import helper._
@import views.html.dingtalk.ionicmain
@ionicmain("message(0)",styles=styles,scripts=js, modals=modals) {


<ion-header>
	<ion-toolbar>
		<ion-buttons slot="start">
			<ion-menu-button></ion-menu-button>
		</ion-buttons>
		<ion-title>用户登陆</ion-title>
	</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
	<center>
		<div class="" >
			<form class="layui-form" action="">
				<div class="container">
					<input type="text" name="p1" required  lay-verify="required" placeholder="请输入用户" autocomplete="off" class="layui-input">
					<input type="password" name="p2" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
					<div id="captcha" style="position: relative"></div>
					<div id="msg"></div>
				</div>
				@CSRF.formField

			</form>
		</div>
	</center>

</ion-content>
<ion-content  class="ion-padding">

</ion-content>

}

@styles = {
<link rel="stylesheet" href='@routes.Assets.versioned("css/jigsaw.css")'>
<style>
.container {
  width: 310px;
  margin: 10px auto;
}
input {
  display: block;
  width: 290px;
  line-height: 40px;
  margin: 10px 0;
  padding: 0 10px;
  outline: none;
  border:1px solid #c8cccf;
  border-radius: 4px;
  color:#6a6f77;
}
#msg {
  width: 100%;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
}
a:link,a:visited,a:hover,a:active {
  margin-left: 100px;
  color: #0366D6;
}
</style>
}

@js = {
<script type="text/javascript" src='@routes.Assets.versioned("js/jigsaw.js")'></script>
<script src='@routes.Assets.versioned("js/dingtalk_pc.js")' type="text/javascript"></script>

}
@modals = {
if ( document.getElementsByTagName("body")[0].accessKey != "nologin"){
 @if(session.get("surl").nonEmpty){ window.top.location.href = '@session.get("surl")';}else{ window.top.location.href = '@routes.UsersController.index()';}
}
}
